<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />

    <link rel="stylesheet" href="../../css/api.css">

    <link rel="stylesheet" href="../../css/base_bai/base.css">


    <title>找回密码</title>

    <style type="text/css">

    html, body{font-size: 100%}

    .log_sty{    position: fixed;  margin: 8rem auto;left: 0;right: 0;  top: 0;  bottom: 0;width: 90%;}

    .log_sty [title]{text-align: center;font-size: 1.5rem;color: white;margin-bottom: 1rem}
    .log_sty [cont]{background: white;  box-shadow: 1px 0px 10px #d6d6d6;  border-radius: 0.5rem;padding: 1rem;  }

    .log_sty [msg]{color:#999999;font-size: 0.8rem;    padding-left: 1rem;}

    .but_sty{text-align: center;    margin-top: 2rem;}

    .but_sty button{width: 90%;background: #E6E6E6;border: 0;border-radius: 0.5rem;    border-radius: 2rem;}

    .van-field {  background-color: #F5F5F5;  margin: .6rem;  width: initial;border-radius: 0.05rem;border-radius: .5rem;    margin-bottom: .8rem;}
    .sms_sty{color: #999999;background: #E6E6E6;border-color: #E6E6E6}
    </style>

</head>

<body>
    <div id="app"  v-cloak>
        <img class="backg" src="./../../image/login_login_1.png" style="width:100%;    height: 17rem;" alt="">
        <div class="log_sty">
              <div title>找回密码</div>
              <div cont>
                  <van-cell-group>
                    <van-field v-model="phone" placeholder="请输入手机号码" />
                  </van-cell-group>
                  <van-cell-group>
                    <van-cell-group>
                        <van-field
                          v-model="sms"
                          center
                          clearable

                          placeholder="请输入短信验证码"
                        >
                          <van-button slot="button" size="small" class="sms_sty" type="primary">获取验证码</van-button>
                        </van-field>
                      </van-cell-group>

                  <van-cell-group>
                    <van-field v-model="pws" placeholder="请输入您要设置的密码"/>
                  </van-cell-group>
                  <van-cell-group>

                    <van-field v-model="crm_pws" placeholder="请再次输入您要设置的密码"/>
                  </van-cell-group>
                  <div msg>  密码至少8个字符，而且同时包含字母和数字</div>
                  <div class="but_sty">
                      <van-button type="primary">确定</van-button>
                  </div>



              </div>

        </div>



    </div>

</body>
<script src="../../script/api.js"></script>
<script src="../../script/base_bai/vue.js"></script>
<script src="../../script/base_bai/vant.js"></script>
<script src="../../script/base_bai/area.js"></script>
<script src="../../script/base_bai/base.js"></script>
<script src="../../script/base_bai/temp.js"></script>
<script type="text/javascript">
    apiready = function() {
        headerH = $api.fixStatusBar($api.byId('app'));

        Vue.prototype.$ac = api;

        initVue()

    };
if(BrowserType()=='pc'){
    initVue()
}

    function initVue() {
        new Vue({
            el: '#app',
            data: {
              phone:'',
              pws:'',
              sms:'',
              code:'',
              crm_pws:''
            },
            methods: {

                //头部导航点击返回事件
                bank() {
                    vant.Toast('返回');
                },



            }
        });

    }
</script>

</html>
